@import  "../../../styles/_commonColor.scss";

.agreement{
  position:fixed;
  bottom:0;
  left:0;
  height:100%;
  width:100%;
  background: $white;
  z-index:9990;
  .scroolView{
    overflow-y: scroll;
    height:100%;
    width:100%;
    padding-bottom: 1.9rem;
    position:fixed;
    top:0;
    z-index:9998;
    .panelHeading{
      font-size: .36rem;
      color:$black;
      text-align:center;
      padding: .5rem 0;
      margin:0 .3rem;
      position: relative;
      border-bottom: 1PX solid $borderlinegray;
      //&::after{
      //  position: absolute;
      //  right: 0;
      //  bottom: 0;
      //  left: .3rem;
      //  height: 1PX;
      //  content: '';
      //  -webkit-transform: scaleY(0.5);
      //  transform: scaleY(0.5);
      //  background-color: #eee;
      //}
    }
    .panelBody{
      margin: 0 .3rem;
    }
    .bodyCol{
      font-size: .28rem;
      span{
        &:first-child{
          color: $black;
        }
        &:nth-child(2){
          line-height:.5rem;
          //color:$darkgray;
        }
      }
      .colTitle{
        color: $black;
        display: inline-block;
        margin-top: .35rem;
      }
      .colView{
        margin: .24rem 0 0 .2rem;
      }
    }
  }
  .knowBtn{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:9998;
    border: none;
    border-radius:0;
    line-height:.44rem;
    font-size:.3rem;
    padding:.34rem 0;
    text-align:center;
    background:$slidergreen;
    color:$white;

  }
}